﻿<script src="https://blogg12.googlecode.com/svn/trunk/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/17-content-code/jquery.cycle.all-000-.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" hover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" hover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//]]>
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#myslides').cycle({ 
fx: 'fade', 
speed: 700,
timeout: 3000,
next: '#next', 
prev: '#prev' 
});
}); 
</script>
<a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
/* featured fade */
#wrapper-featured{
padding:10px 0 ;
width:650px;
height: 326px;
margin:0 ;
background: url(https://blogg12.googlecode.com/svn/trunk/image/slider/bg_featured.jpg) no-repeat;
position:relative;
}
#wrapper-myslides {
width:550px;
height:210px;
padding: 0 0 ;
margin: 3px 0 0 10px;
position:relative;
float:left;
}
#myslides {
width:550px;
height:210px;
padding: 0 0 50px;
margin: 0 18px ;
overflow:hidden;
}
.panel{
width:550px;
height:210px;
}
#myslides img.crop-foto {
margin:8px 10px 10px 9px;
border:1px solid #fff;
display:block;
position:absolute;
right:3px;
top:0;
}
.featured-entry {
text-align:left;
line-height:1.5em;
font-style:italic;
font-size:12px;
font-family: georgia,Arial,Verdana, Helvetica, sans-serif;
padding: 20px 10px 0;
width:280px;
color:#fff;
position:absolute;
top:0;
left:0;
}
h3.featured-title {
font-size:22px;
text-align:left;
font-family:Georgia, Arial,Verdana, Helvetica, sans-serif;
margin:10px 0 5px;
padding:0 0 5px;
font-weight:normal;
line-height:1em;
font-style:normal;
}
h3.featured-title a:link, h3.featured-title a:visited{
color:#fff;
}
h3.featured-title a:hover {
color:#b1e1ff;
}
#nav-slides a#prev {
position:absolute;
bottom:105px;
left:135px;
z-index:1;
color:#800;
width:14px;
height:15px;
background: url(https://blogg12.googlecode.com/svn/trunk/image/slider/prev3.jpg) no-repeat;
}
#nav-slides a#prev:hover{
background: url(https://blogg12.googlecode.com/svn/trunk/image/slider/prev_hover.jpg) no-repeat;
}
#nav-slides a#next {
position:absolute;
bottom:105px;
left:160px;
z-index:1;
color:#800;
width:14px;
height:15px;
background: url(https://blogg12.googlecode.com/svn/trunk/image/slider/next3.jpg) no-repeat;
}
#nav-slides a#next:hover{
background: url(https://blogg12.googlecode.com/svn/trunk/image/slider/next_hover.jpg) no-repeat;
}
</style>


<h3>اضافه سلايد شو بتقنيه الجي كويري</h3>



<div id="wrapper-featured">
<div id="wrapper-myslides">
<div id="myslides">
<div class="panel">
<div class="image-frame">
<a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank" rel="bookmark" title="تفعيل اصدارات برنامج الداونلود مانجر">
<img alt="How to change mouse cursor in blogger blog to animated cursors" class="crop-foto" height="185" src="http://1.bp.blogspot.com/-3vAaWKXybkQ/VCRpdYb1OfI/AAAAAAAAAa4/rp3OxrvI46A/s1600/image_88081.jpg" width="205"/></a>
</div>
<div class="featured-entry">
<h3 class="featured-title">
<a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank" rel="bookmark" title="تفعيل اصدارات برنامج الداونلود مانجر">تفعيل اصدارات برنامج الداونلود مانجر</a></h3>
<p>اليوم سوف نقدم لكم شرح تفعيل الداونلود مانجر وتحل جميع مشاكل التفعيلات السابقة وظهور رسالة التسجيل برقم مزيف وتعالجها بشكل تام في ثواني معدودة...<a href="#">اقرأ المزيد</a></p>
</div><!--end featured-entry-->
</div><!--end panel-->
<div class="panel">
<div class="image-frame">
<a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank" rel="bookmark" title="سارع بالحصول على خدمات تشفير النت مجانية على متصفحك">
<img alt="سارع بالحصول على خدمات تشفير النت مجانية على متصفحك" class="crop-foto" height="185" src="http://3.bp.blogspot.com/-S88Mo_IfN60/VITTOZ-3fHI/AAAAAAAAAMk/Y1vMDLkEXH0/s1600/oo.png" width="205"/></a>
</div>
<div class="featured-entry">
<h3 class="featured-title">
<a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank" rel="bookmark" title="سارع بالحصول على خدمات تشفير النت مجانية على متصفحك">سارع بالحصول على خدمات تشفير النت مجانية على متصفحك</a></h3>
<p>من بين أفضل السبل لحماية الاتصال بالإنترنت من مجموعة متنوعة من المخاطر</p>
</div><!--end featured-entry-->
</div><!--end panel-->
<div class="panel">
<div class="image-frame">
<a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank" rel="bookmark" title="برنامج فوتوشوب">
<img alt="برنامج فوتوشوب" class="crop-foto" height="185" src="http://2.bp.blogspot.com/-eZQMsQ38aes/VF4QcWHrEqI/AAAAAAAAAkk/xP23zMdzJ0w/s1600/pswcc.png" width="205"/></a>
</div>
<div class="featured-entry">
<h3 class="featured-title">
<a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank" rel="bookmark" title="برنامج فوتوشوب">برنامج فوتوشوب</a></h3>
<p>من أشهر البرامج التي يستعملها الملايين من المصممين ومحترفي التصميم عبر العالم هو برنامج أدوب فوتوشوب</p>
</div><!--end featured-entry-->
</div><!--end panel-->
<div class="panel">
<div class="image-frame">
<a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank" rel="bookmark" title="القرآن الكريم">
<img alt="القرآن الكريم" class="crop-foto" height="185" src="http://2.bp.blogspot.com/-Bv3fTk63fKg/VD0oWALMagI/AAAAAAAAAgU/lzbV7kMVtFU/s1600/quran1a.jpg" width="205"/></a>
</div>
<div class="featured-entry">
<h3 class="featured-title">
<a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank" rel="bookmark" title="القرآن الكريم">القرآن الكريم</a></h3>
<p>القرآن الكريم نور القلوب وحياة النفوس ووجوده في أى مكان رحمه وثواب واجر عظيم</p>

</div><!--end featured-entry-->
</div><!--end panel-->
<div class="panel">
<div class="image-frame">
<a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank" rel="bookmark" title="شرح كيف زيادة عدد أصدقائك في الفيس">
<img alt="شرح كيف زيادة عدد أصدقائك في الفيس" class="crop-foto" height="185" src="http://4.bp.blogspot.com/-gtTf3QcYm5M/VCVkKBZmZLI/AAAAAAAAAbM/GuClUoHfSv8/s1600/131204130551-facebook-password-620xa.jpg" width="205"/></a>
</div>
<div class="featured-entry">
<h3 class="featured-title">
<a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank" rel="bookmark" title="شرح كيف زيادة عدد أصدقائك في الفيس">شرح كيف زيادة عدد أصدقائك في الفيس</a></h3>
<p>هذا شرح كيف زيادة عدد أصدقائك في الفيس بوك بشكل كبير جدا</p>
</div><!--end featured-entry-->
</div><!--end panel-->
</div><!--end myslides-->
</div><!--end wrapper-myslides-->
<div id="nav-slides">
<a href="#" id="prev"></a>
<a href="#" id="next"></a>
</div>
</div><!-- wrapper featured-->